Skip to main content

Page Builder

A Page is an arrangement of Widgets on your Frame. You can create as many Pages as you like, with as many Widgets on a Page as you like.

All Widgets on a Page can be freely placed and be resized to any width and height.

tip

You can have different Pages for different times of the day to suit different needs! A morning routine one, an after-work one, a dinner time one are a few examples. The Timeline Editor allows you to specify when the Page is shown.

Widgets can be reused in multiple Pages. This allows the same Widget with the same Environment Variables to be placed in a different orientation. The same Widget can also be installed multiple times, so you can have different Environment Variables for each Widget. An example would be to display the weather forecast from two different cities.

Installing Widgets

There are two ways to install Widgets:

  1. Via the Widget's page:

    Go to a Widget via the Market in the Console and install it to your Frame by clicking on Install.

    info

    Make sure you have a Frame. If not, this option will not show

  2. Via the search function on a Page in the Frame Editor

  3. Once a Widget is installed, you may need to specify Environment Variables if it requires it.

Placing Widgets

Now that Widgets are installed, they can be added to the Frame in the What You See Is What You Get (WYSIWYG) editor.

  1. Using the mouse, drag to position and resize the Widget to your desired placement in your Frame display.
  2. Do this for each of your installed Widgets to create your desired arrangement

Border customization

When a Widget is placed on a Page, the border can be customized by clicking on the more icon next to the placed Widget. You can customize the:

  • Border radius
  • Inner Padding
  • Border Style
  • Border thickness
tip

You can achieve a no-border effect by specifying a zero border thickness and zero inner padding!

Uninstalling Widgets

Under the Widgets section on the Page, you can click on the delete icon to uninstall and delete the Widget from your Frame.